<template>
  <div>
    <el-table :data="shareLists" border style="width: 100%">
      <el-table-column prop="id" label="#" width="60"></el-table-column>

      <el-table-column prop="object_name" label="分享名" width="220"></el-table-column>
      <el-table-column prop="share_url" label="分享链接"></el-table-column>
      <el-table-column prop="expiration" label="过期时间（秒）" width="100"></el-table-column>
      <el-table-column prop="create_at" label="分享时间" width="180"></el-table-column>
      <el-table-column prop="user_id" label="分享用户" width="90"></el-table-column>

    </el-table>
  </div>
</template>

<script>
import { ShareLists } from "@/utils/http";
export default {
  data() {
    return {
      limit: 1,
      page: 10,
      shareLists: []
    };
  },
  methods: {
    ShareList() {
      ShareLists(this.limit, this.page)
        .then(res => {
          if (res.data.code == 200) {
            this.shareLists = res.data.data;
          } else {
            this.$message({
              message: res.data.message,
              type: "warning",
              center: true
            });
            F;
          }
        })
        .catch(err => {
          this.$message.error(err);
        });
    }
  },
  mounted() {
    this.ShareList();
  }
};
</script>

<style>
</style>